<!DOCTYPE html>
<html lang="en-us">
<head>
	<meta charset="utf-8">
	<title> bud趋势图  </title>
	
	<link rel="stylesheet" type="text/css" media="screen" href="css/common.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min-3.2.0.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.modify.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/expand.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/daterangepicker-bs3.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.css">		
		<link rel="stylesheet" href="css/bootstrap-select.css">
	<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/demo-increase.css">	  
		<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.css" /> 
    <link rel="stylesheet" type="text/css" href="css/manhuaTip.1.0.css">   	
  <style type="text/css">
	    .bootstrap-select > .btn{
	    	height: 30px;
	    }
	    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
		    width: 180px !important;
		}
	    #dt_basic > tbody > tr:not([class*="tr-expandable"]) > td {
	    	text-align: center;
	    }
    	#tbody > tr.odd > td:nth-child(3) {
    		word-break: break-all;
    	}
    	div.dataTables_filter {
		    position: static !important;
		}
   	</style>

</head>
<body id="bug" class="desktop-detected" style="min-height: 800px; height: auto;">

<section class="">
	<!-- row -->
	<div class="row">
		<!-- NEW WIDGET START -->
			<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<!-- Widget ID (each widget will need unique ID)-->
				<div class="jarviswidget jarviswidget-color-blueLight" id="wid-id-0" data-widget-sortable="true" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-deletebutton="false" style="min-height:500px">
					<!-- widget div-->
					<header role="heading" style="line-height: 18px;"><div role="menu" class="jarviswidget-ctrls">    <a data-original-title="全屏" href="javascript:void(0);" class="button-icon jarviswidget-fullscreen-btn" rel="tooltip" title="" data-placement="left"><i class="fa fa-resize-full "></i></a> </div>
					<span class="widget-icon"> <i class="fa fa-table"></i> </span>
					<h2 langlanguage="vehicleBasicInfo">BUG趋势图</h2>
					<span class="jarviswidget-loader"><i class="fa fa-refresh fa-spin"></i></span>
					</header>
					<div role="content">
						<!-- widget edit box -->
						<div class="jarviswidget-editbox">
							<!-- This area used as dropdown edit box -->
						</div>
						<!-- end widget edit box -->
						<!-- widget content -->
						<div class="widget-body no-padding">
							<!-- 自定义搜索区 -->
							<div class="widget-body-toolbar" >
								<div role="form" class="smart-form">
									<div class="pull-left global-search-box2">									
										<section class="pull-left no-padding col pull-width160 onlyusefor">
											<label>工程名</label>
											<label class="select">
												<select class="input-sm" name="productname" id="productname" onchange="showbugs();"></select> <i></i>
											</label>
										</section>
										
										<section class="pull-left no-padding col ">
											<label></label>
											<label class="select">
											<a id="update_btn" class="btn btn-primary btn-sm" type="button" langlanguage="query" onclick="updateNow();">立即更新</a>
											</label>
										</section>		
									</div>
								</div>
								
								<div class="row no-margin margin-top-10 margin-bottom-10"> </div>
								<div id="case_map" style="padding: 5px;">
									<!-- Chart type switchers -->
									<!-- two different charts -->
									<div id="chart" class="highcharts" style="float: left;width: 100%;height: 100%"></div>
									<div style="clear: both;"></div>
								</div>				
 							</div>
						
						</div>
						
						<!-- end widget content -->
					</div>
					<!-- end widget div -->
				</div>
				<!-- end widget -->
			</article>
		<!-- WIDGET END -->

	</div>
	<!-- end row -->
</section>
<!-- end widget grid -->
<!--================================================== -->

	<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
	<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->

	<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	<script src="js/libs/jquery-2.0.2.min.js"></script>
	<script>
		if (!window.jQuery) {
			document.write('<script src="js/libs/jquery-2.0.2.min.js"><\/script>');
		}
	</script>

	<script src="js/libs/jquery-ui-1.10.3.min.js"></script>
	<script>
		if (!window.jQuery.ui) {
			document.write('<script src="js/libs/jquery-ui-1.10.3.min.js"><\/script>');
		}
	</script>
	<!-- BOOTSTRAP JS -->
	<script src="js/bootstrap/bootstrap.min.js"></script>
	
	<script type="text/javascript" src="js/bootstrapValidator.min.js"></script>
	<script src="js/common.js"></script>
	<script src="js/bootstrap/bootstrap-select.js"></script>
	    <!-- <script type="text/javascript" src="js/bootstrap/locales/bootstrap-datetimepicker.fr.js"></script>  -->
	<script type="text/javascript" src="js/plugin/iresizer/iframeResizer.contentWindow.min.js"></script> 
	<script src="js/bootstrap/bootstrap-table-expandable.js"></script>
  <script src="js/jquery.dataTables.min.js"></script> 
  <script type="text/javascript" language="javascript" src="js/dataTables.bootstrap.js"></script> 
  <script src="js/bug.js"></script>
  <script src="js/jquery.cookie.js"></script>
  	<!-- highcharts -->
	<script src="js/highcharts/highcharts.js"></script>
	<script src="js/highcharts/exporting.js"></script>
	<script src="js/highcharts/data.js"></script>
	<script src="js/highcharts/oldie.js"></script>
	<script src="js/highcharts/highcharts-zh_CN.js"></script>
	<script type="js/highcharts/gray.js"></script>
  <script type="text/javascript">
  	$(function() {
  		loadProduct(function () {
  			showbugs();
  		});
  	});
  </script>
</body>

</html>
